<article>
    <div id="breadcrumb">
        <ul>
            <li><a href="#">Trang chủ</a></li>
            <li><span>Máy lọc nước Nanosky</span></li>
        </ul>
    </div><!--End #breadcrumb-->

    <div class="content">
        <?php $i=1; foreach ($tbl_products as $tbl_product) : ?>
        <?php if($i%4 !=0 ){ echo '<div class="pro-item">'; }else { echo '<div class="pro-item last">'; } ?>
            <?php $url = base_url(mb_strtolower(url_title(removesign($tbl_product['title']))).'.html'); ?>
            <div class="thumb">
                <a href="<?= $url ?>"><img title="<?= $tbl_product['title']; ?>" alt="<?= $tbl_product['title']; ?>" src="<?= $tbl_product['img1']; ?>"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="<?= $url ?>"><?= $tbl_product['title']; ?></a></h3>
                <span><?= number_format($tbl_product['price']); ?> VNĐ</span><br>
                <a href="<?= $url ?>" class="view-more">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->
        <?php $i++; endforeach; ?>
    </div>
    <ul class="pagination">
        <?php echo $pagination; ?>
    </ul>
</article>
